html{background-color:#888;}
body{color:#000; margin:0; padding:0;}


.theme-body{ margin:0 auto; width:1000px;}
.theme-body-bg-l{ background:url(../images/shadow-l.png) repeat-y transparent; padding-left:9px;}
.theme-body-bg-r{ background:url(../images/shadow-r.png) repeat-y right transparent; padding-right:9px;}


.theme-middle{background-color:#FFFFFF; min-height:100px; padding:12px 15px;}
.theme-middle a{color:#02b; text-decoration:none;}
.theme-middle a:hover{color:#F00;}


.theme-north{background-color:#FFFFFF;padding:0 8px;border-bottom:#DDD 8px solid;}
.theme-north .logo{padding:12px 5px;width:240px; float:left;}
.theme-north .menu{ margin-left:280px; height:30px;text-align:left; padding-top:24px;}
.theme-north .menu ul{ margin-left:36px; margin:0; padding:0;}
.theme-north .menu ul li{ float:left;list-style:none;}
.theme-north .menu ul li a{ height:36px;line-height:36px;text-decoration:none; display:block;padding:0 12px;}
.theme-north .menu ul li a span{ font-size:12px;}
.theme-north .menu ul li.menu-on{ background:url(../images/menu-on-r.gif) right no-repeat; margin:0 10px;}
.theme-north .menu ul li.menu-on a{background:url(../images/menu-on-l.gif) left no-repeat; color:#FFF; padding:0 10px;}
.theme-north .menu ul li.menu-off a{color:#000; background:url(../images/menu-off.gif) no-repeat center bottom;}
.theme-north .menu ul li.menu-off a:hover{color:#F00; background:url(../images/menu-over.gif) no-repeat center bottom;}


.theme-west{float:left;width:220px;}
.theme-west .wraper{padding:0 2px 20px 0;}
.theme-west .west-title{padding:4px 8px; margin:0 0 8px;  background-color:#F1F1F1; border:#E3E3E3 1px solid; font-size:12px; font-weight:bold;}
.theme-west .west-content{line-height:120%;margin:0;padding-bottom:20px}
.theme-west h2{ border-bottom:1px solid #999999; font-size:14px; line-height:20px;}
.theme-west .login-form{ padding:0; margin:10px 0 0 10px;}
.theme-west .login-form label{display:inline-block;width:50px;}
.theme-west .login-form li{ list-style:none;line-height:25px;}


.theme-center{ float:right; width:720px; min-height:500px;}
.theme-center .wraper{padding:0;}
.theme-center .center-title{padding:4px 8px; margin:0 0 8px;  background-color:#F1F1F1; border:#E3E3E3 1px solid; font-size:12px; font-weight:bold;}
.theme-center .center-content{line-height:150%;margin:0;padding-bottom:20px}


.theme-south{ background-color:#444;text-align:center;color:#FFF; padding:15px; border-top:#F1F1F1 1px solid;}
.theme-south .foot-menu{text-align:center;margin-bottom:10px;}
.theme-south .foot-menu ul{ margin:0; padding:0;}
.theme-south .foot-menu ul li{ display:inline;padding:0 8px;list-style:none;}
.theme-south .foot-menu ul li a{color:#FFF;text-decoration:none;}
.theme-south .foot-menu ul li a:hover{color:#F00;}

.theme-south .copyright{font-size:12px;}
.theme-south .copyright a{color:#BBB;text-decoration:none;}
.theme-south .copyright a:hover{color:#C00;}



.techniques ul{ margin:0; padding:0;}
.techniques li{ list-style:none; float:left; width:50%; height:50px; text-align:center; margin-bottom:5px;}
.techniques li img{border:#bbbbbb 1px solid;}

.browsers ul{ margin:0; padding:0;}
.browsers li{ list-style:none; float:left; width:20%; text-align:center;}
